<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>享送小哥</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/add-style.css" />
</head>

<body>
    <div class="vue">
        <div class="order-t">订单编号：{{order.order_sn}}</div>
        <ul class="add-order">
            <li :class="{active:index==0}" v-for="(item,index) in order.processList">
                <div class="add-order1">
                    <h3>{{item.day}}</h3>
                    <h4>{{item.time}}</h4>
                </div>
                <div class="add-order2">
                    <h4 class="aui-margin-b-5">{{item.message}}</h4>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript" src="../script/vue.js"></script>
    <script type="text/javascript">
        apiready = function() {
            var order = api.pageParam.order;

            api.setRefreshHeaderInfo({
                loadingImg: 'widget://image/refresh.png',
                bgColor: '#eee',
                textColor: '#333',
                textDown: '下拉刷新...',
                textUp: '松开刷新...'
            }, function(ret, err) {
                api.execScript({
                    script: 'reloadGetOrder()'
                });
            });

            vObj = new Vue({
                el: ".vue",
                data: {
                    order: order
                }
            })

            app.addEventListener('orderDetailRefreshHeaderInfo', function(ret, err) {
                vObj.order = ret.value;
                api.refreshHeaderLoadDone();
            });

        }
    </script>
</body>

</html>
